import { useState } from 'react';
import { NavBar, List, Switch } from 'antd-mobile';
import { useHistory } from 'react-router-dom';

import './style.scss';

export default function() {
  const history = useHistory();

  return (<div className="secretChatSettingPage">
    <NavBar onBack={() => history.goBack()} style={{ background: '#fff', border: 'none' }}>密聊设置</NavBar>
    <List style={{ marginTop: 12 }}>
      <List.Item extra={<Switch />}>
        消息是否允许复制
      </List.Item>
      <List.Item extra={<Switch />}>
        消息是否允许转发
      </List.Item>
      <List.Item extra={<Switch />}>
        消息是否允许下载
      </List.Item>
      <List.Item extra={<Switch />}>
        消息是否允许截图
      </List.Item>
      <List.Item extra={<Switch />}>
        消息是否允许录屏
      </List.Item>
    </List>
  </div>)
}